

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="CSS/estilos.css" rel="stylesheet" type="text/css" />
         <link type="text/css" href="CSS/jquery.css" rel="stylesheet" />
         <script type="text/javascript" src="js/jquery.js"></script>
         <script type="text/javascript" src="js/jquery-ui.js"></script>
         <script type="text/javascript" src="js/jquery.maskedinput-1.2.2.js"></script>
         <script type="text/javascript">
          jQuery(function($){
          $("#datepicker").mask("99/99/9999");
          $("#fonecel").mask("(99)999-9999");
          $("#foneresidencia").mask("(99)999-9999");
          $("#cep").mask("99999-999");
          $("#cpf").mask("999.999.999-99");
          $("#cnpj").mask("99.999.999/9999-99");

});
</script>
         <script>
	$(function() {
		$( "#datepicker" ).datepicker({
                    dateFormat: 'dd/mm/yy',
			showWeek: true,
			firstDay: 1
		});
	});
        $(function() {
		$( "#tabs" ).tabs({
			select: function( event, ui ) {
				$( "#slider" ).slider( "value", ui.index );
			}
		});
		$( "#slider" ).slider({
			min: 0,
			max: $( "#tabs" ).tabs( "length" ) - 1,
			slide: function( event, ui ) {
				$( "#tabs" ).tabs( "select", ui.value );
			}
		});
	});

	</script>
        <title>JSP Page</title>
    </head>
    <body>
      <div id="topo"></div>
<div id="menu">
 <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">A empresa</a></li>
    <li><a href="#">Serviços</a></li>
    <li><a href="#">Portfólio</a></li>
    <li><a href="#">Contato</a></li>

 </ul>

</div>
      <div class="demo">

<div id="slider" style="width:80px"></div>

<div id="tabs">
	<ul>
		<li><a href="#tabs-1" >Atualizar Cliente</a></li>


	</ul>
	<div id="tabs-1">
	<div id="centro">
    <form action="PromsControle" method="post">
    <h3>${mensagemCli}</h3>
<input name="cmd" type="hidden" value="atualizarCliente" />
<input type="hidden" name="codigo" value="${param.codigo}" />
<input type="hidden" name="codigo" value="${param.codigo}" />


  <label for="email"><br>
    <br>
    Email: </label>
<input name="email" value="${cliente.email}" id="email" type="text" />

<label for="nome"><br>
  <br>
  Nome: </label>
<input name="nome" value="${cliente.nome}" id="nome" type="text"  width="400px" />
<label for="sexo">Sexo: </label>
<select name="sexo" value="${cliente.sexo}" id="sexo">
  <option>Masculino</option>
  <option>Feminino</option>
  </select>
<label for="rg"><br>
  <br>
  RG: </label>
<input name="rg" value="${cliente.rg}" id="rg" type="text" />




<label for="datanasc">
  Data de Nascimento: </label>

 <input type="text" id="datepicker" value="${cliente.nascimento}" name="datanasc">
<br>
<br>
<label for="cpf">CPF: </label>
<input name="cpf" value="${cliente.cpf}" id="cpf" type="text" />
<label for="cnpj">

  CNPJ</label>
<input name="cnpj" value="${cliente.cnpj}" id="cnpj" type="text" />
<br>
<br>
<label for="ie">Inscrição Estadual:</label>
<input name="ie" value="${cliente.inscricaoEstadual}" id="ie" type="text" />
<br />
<br />
<label for="fonecel">Telefone Celular: </label>
<input name="fonecel" value="${cliente.foneCel}" id="fonecel" type="text" />
<label for="foneresidencia">Telefone Residencial: </label>
<input name="foneresidencia" value="${cliente.foneResidencia}" id="foneresidencia" type="text" />


<label for="nacionalidade"><br />
  <br />
  Nacionalidade: </label>
<input name="nacionalidade" value="${cliente.nacionalidade}" id="nacionalidade" width="100px" type="text" />
<label for="estadocivil">Estado Civil</label>
<select name="estadocivil" value="${cliente.estadoCivil}" id="estadocivil">
  <option>Solteiro(a)</option>
  <option>Casado(a)</option>
  <option>Divorciado(a)</option>
  <option>União Estável</option>
  <option>Viúvo(a)</option>
  <option>Separado(a)</option>
  </select>
<label for="profissao"><br>
  <br>
  Profissão:</label>
<input name="profissao" value="${cliente.profissao}" id="profissao" type="text" />
<br />
<br />
<label for="mae">Nome da Mãe: </label>
<input name="mae" value="${cliente.mae}" id="mae" type="text"  width="400px" />
<br />
<br />
<label for="logradouro">Logradouro</label>
<input name="logradouro" value="${cliente.endereco.rua}" id="logradouro" type="text" width="300px" />
<label for="bairro">Bairro</label>
<input name="bairro" value="${cliente.endereco.bairro}" id="bairro" type="text" />
<label for="numero"><br />
  <br />
  Nº: </label>
<input name="numero" value="${cliente.endereco.numero}" id="numero" type="text" />
<label for="cep">CEP: </label>
<input name="cep" value="${cliente.endereco.cep}" id="cep" type="text" />
<label for="cidade">Cidade: </label>
<input name="cidade" value="${cliente.endereco.cidade}" id="cidade" type="text" />
<br />
<br />
<label for="uf">UF: </label>
<select name="uf" value="${cliente.endereco.uf}" id="uf">
  <option>AC</option>
  <option>AL</option>
  <option>AP</option>
  <option>AM</option>
  <option>BA</option>
  <option>CE</option>
  <option>DF</option>
  <option>ES</option>
  <option>GO</option>
  <option>MA</option>
  <option>MT</option>
  <option>MS</option>
  <option>MG</option>
  <option>PA</option>
  <option>PB</option>
  <option>PE</option>
  <option>PR</option>
  <option>PI</option>
  <option>RJ</option>
  <option>RN</option>
  <option>RS</option>
  <option>RO</option>
  <option>RR</option>
  <option>SC</option>
  <option>SP</option>
  <option>SE</option>
  <option>TO</option>
</select>
<label for="pais">País</label>
<input name="pais" value="${cliente.endereco.pais}" id="pais" type="text" />
<br />

<br />
<br />
<input name="atualizar" type="submit" value="Atualizar" />
</form>
</div>
        </div>


</div>

</div>

<div id="rodape">
    Copyright 2010 - Brothers Systems - Todos os direitos reservados
</div>
    </body>
</html>
